<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 头部和尾部的模板样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <main class="cr">
        <!-- 左边背景图 60%-->
        <div id="mian-left" class="fl"></div>
        <!-- 右边登录框 40%-->
        <div id="login" class="fr">
            <div id="loginModal">
                <!-- logo -->
                <div class="loginModalLogo"></div>
                <!-- tab -->
                <div class="loginModalTab">
                    <a class="active" href="javascript:void 0">账号登录</a>
                    <i></i>
                    <a href="javascript:void 0">扫码登录</a>
                </div>
                <div class="loginVision">
                    <!-- 1表单区 -->
                    <form action="index.html">
                        <!-- 用户名 -->
                        <p class="loginUser" id="user">
                            <i></i>
                            <input type="text" placeholder="用户名/手机号/邮箱">
                        </p>
                        <!-- 密码 -->
                        <p class="loginPwd " id="pwd">
                            <i></i>
                            <input type=" password" placeholder="密码">
                        </p>
                        <!-- 忘记密码 -->
                        <p class="forgetPwd">
                            <a href="#">忘记密码</a>
                        </p>
                        <!-- 登录 -->
                        <p>
                            <input id="loginbtn" type="submit" value="登录">
                        </p>
                        <!-- 立即注册 -->
                        <p class="text-r">还没有账号,<a href="./regist.html">立即注册 <span>&gt;</span></a></p>
                    </form>
                    <!--2扫码登录  -->
                    <form class="loginScan">
                        <p>
                            <img src="../imgs/showqrcode.jpg" alt="">
                            <span>微信扫码登录</span>
                            <span>未关注源码科技公众号,请先关注后再登录</span>
                        </p>
                        <!-- 立即注册 -->
                        <p class="text-r">还没有账号,
                            <a href="./regist.html">立即注册
                                <span>&gt;</span>
                            </a>
                        </p>
                    </form>
                </div>
            </div>
        </div>
    </main>

    <!-- js -->
    <script src="../js/util.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>